<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<%@ include file="/commons/static.jsp"%>
<!DOCTYPE html>
<html style="overflow-x: auto;">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>用户管理</title>

<link rel="stylesheet"
	href="${ctx}/dep/treeTable/css/jquery.treetable.css" />
<link rel="stylesheet"
	href="${ctx}/dep/treeTable/css/jquery.treetable.theme.default.css" />
<link rel="stylesheet" href="${ctx}/dep/zTreeStyle/zTreeStyle.min.css" />

<link href="${ctx}/home/wenzhang/css/content.css" rel="stylesheet">


</head>

<body>
	<div class="wrapper">
		<div class="page-breadcrumbs">
			<ul class="breadcrumb">
				<li><i class="fa fa-home"></i> 
				<a href="#">CMS管理</a></li>
				<li class="active"><a href="#">栏目管理</a></li>
			</ul>
		</div>
		<!-- <div class="page-header position-relative">
			<div class="header-title">
				<h1>栏目管理</h1>
			</div>
			Header Buttons
			<div class="header-buttons">
				<a class="sidebar-toggler" href="#"> <i class="fa fa-arrows-h"></i>
				</a> <a class="refresh" id="refresh-toggler" href=""> <i
					class="glyphicon glyphicon-refresh"></i>
				</a> <a class="fullscreen" id="fullscreen-toggler" href="#"> <i
					class="glyphicon glyphicon-fullscreen"></i>
				</a>
			</div>
			头部按钮end
		</div> -->

		<div class="page-body">
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div class="tabbable">
						<ul class="nav nav-tabs" id="myTab">
							<li class="active"><a id="tab-list" data-toggle="tab"
								href="#home"> 栏目列表 </a></li>

							<li class="tab-red"><a id="tab-add" data-toggle="tab"
								href="#profile"> 栏目添加 </a></li>
							<li class="tab-blue"><a id="tab-edit" data-toggle="tab"
								href="#editUser" style="display: none;"> 栏目修改 </a></li>
						</ul>
						<div class="tab-content">
							<div id="home" class="tab-pane in active">
								<table class="table table-striped table-hover table-bordered"
									id="bodyHtml">
									<thead>
										<tr role="row">
											<th>栏目名称</th>
											<th>栏目模型</th>
											<th>排序</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<c:forEach items="${list }" var="list" varStatus="i">
											<c:if test="${list.preId eq '-1' }">
												<tr data-tt-id="${list.id }">
													<td>
													<!-- <span class="indenter" style="padding-left: 0px;"><a href="#" title="Expand">&nbsp;</a></span> -->
													<a href="#">${list.name }</a></td>
													<td>${list.model }</td>
													<td style="text-align: center;"> 
													<c:if test="${list.sort eq '' || list.sort == null}">
													<input
														name="sort" type="text" value="0"
														style="width: 50px; margin: 0; padding: 0; text-align: center;">
													</c:if>
													<c:if test="${list.sort != '' && list.sort != null}">
													<input
														name="sort" type="text" value="${list.sort}"
														style="width: 50px; margin: 0; padding: 0; text-align: center;">
													</c:if>
													</td>
													<td><a href="#" onclick="editClass(${list.id})"
														class="btn btn-info btn-xs "> <i
															class="fa fa-pencil"></i> 修改
													</a> <a href="#" onclick="delClass(${list.id})"
													 class="btn btn-danger btn-xs "><i
															class="fa fa-trash-o"></i> 删除</a></td>
												</tr>
											</c:if>
										</c:forEach>
									</tbody>
								</table>
								<div class="form-actions pagination-left">
									<input id="btnSubmit" class="btn btn-info" type="button"
										value="保存排序" onclick="updateSort();">
								</div>
							</div>
							<!-- 新增用户 form -->
							<div id="profile" class="tab-pane">
								<form method="post" class="form-horizontal"
									action="${ctx }/cms/saveColumn" id="insert">
									<input type="hidden" name="preId" id="preId" value="-1">
									<!-- <div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">上级栏目</label>
											<div class="col-sm-9">
												<div class="input-group">
													
													<input type="text" class="form-control" disabled="disabled"
														id="pId"> <span class="input-group-btn deparment">
														<span class="btn btn-default shiny"
														style="line-height: 20px">选择</span>
													</span>
												</div>
											</div>
										</div>
									</div> -->

									<div class="form-group ">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">栏目模型</label>
											<div class="col-sm-9">
												<select class="form-control" name="model">
													<option>公共模型</option>
													<option>文章模型</option>
													<option>链接模型</option>
												</select>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">栏目名称</label>
											<div class="col-sm-9">
												<input type="text" class="form-control" name="name">
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">缩略图</label>
											<div class="col-sm-9">
												<input type="hidden" name="icon" id="iconAdd" value="fa-undo"> <i
													class="fa fa-undo" id="menu-icon">fa-undo</i> <a
													class="btn control-label" data-toggle="modal"
													data-target="#selectIcon1">选择图标</a>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">链接</label>
											<div class="col-sm-3">
												<input type="text" class="form-control" name="url">
											</div>
											<div class="col-sm-6">
												<label class="controls color-block">栏目超链接地址，优先级“高”</label>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">目标</label>
											<div class="col-sm-3">
												<input type="text" class="form-control" name="target">
											</div>
											<div class="col-sm-6">
												<label class="controls color-block">栏目超链接打开的目标窗口，新窗口打开，请填写：“_blank”</label>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">描述</label>
											<div class="col-sm-9">
												<textarea name="description"></textarea>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">关键字</label>
											<div class="col-sm-3">
												<input type="text" class="form-control" name="keyword">
											</div>
											<div class="col-sm-6">
												<label class="controls color-block">填写描述及关键字，有助于搜索引擎优化</label>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">排序</label>
											<div class="col-sm-6">
												<input type="number" class="form-control" name="sort">
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">是否进行评论</label>
											<div class="col-lg-9 collabe">
												<label class="labletab"> <input type="radio"
													name="isComments" checked="" value="1"> <span
													class="text"> 是</span>
												</label> <label class="labletab"> <input type="radio"
													name="isComments" value="0"> <span class="text">
														否</span>
												</label>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">是否需要审核</label>
											<div class="col-lg-9 collabe">
												<label class="labletab"> <input type="radio"
													name="isAudit" checked="" value="1"> <span
													class="text"> 是</span>
												</label> <label class="labletab"> <input type="radio"
													name="isAudit" value="0"> <span class="text">
														否</span>
												</label>
											</div>
										</div>
									</div>

									<div class="form-group">
										<a
											class="btn btn-darkorange col-lg-1  col-md-2 col-md-offset-3 col-sm-2 col-lg-offset-4 insert">确认</a>
										<a class="btn btn-active  col-lg-1 col-sm-2 col-lg-offset-1 col-md-offset-1 btn-bottm">取消</a>
									</div>
								</form>

							</div>

							<div id="editUser" class="tab-pane">
								<form method="post" class="form-horizontal" id="edit">
								<input type="hidden" id="id2" name="id">
									<input type="hidden" name="preId" id="preId2" value="-1">
									<!-- <div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">上级栏目</label>
											<div class="col-sm-9">
												
												<div class="input-group">
													<input type="text" class="form-control" disabled="disabled"
														id="pId2"> <span class="input-group-btn deparment">
														<span class="btn btn-default shiny"
														style="line-height: 20px">选择</span>
													</span>
												</div>
											</div>
										</div>
									</div> -->

									<div class="form-group ">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">栏目模型</label>
											<div class="col-sm-9">
												<select class="form-control" name="model" id="model2">
													<option>公共模型</option>
													<option>文章模型</option>
													<option>链接模型</option>
												</select>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">栏目名称</label>
											<div class="col-sm-9">
												<input type="text" class="form-control" name="name" id="name2" value="">
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">缩略图</label>
											<div class="col-sm-9">
											<input type="hidden" name="icon" id="icon2">
												<i class="fa fa-undo" id="menu-icon2">fa-undo</i> <a
													class="btn control-label" data-toggle="modal"
													data-target="#selectIcon1">选择图标</a>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">链接</label>
											<div class="col-sm-3">
												<input type="text" name="url" id="url2" class="form-control">
											</div>
											<div class="col-sm-6">
												<label class="controls color-block">栏目超链接地址，优先级“高”</label>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">目标</label>
											<div class="col-sm-3">
												<input type="text" name="target" id="target2" class="form-control">
											</div>
											<div class="col-sm-6">
												<label class="controls color-block">栏目超链接打开的目标窗口，新窗口打开，请填写：“_blank”</label>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">描述</label>
											<div class="col-sm-9">
												<textarea name="description" id="description2"></textarea>
											</div>
										</div>
									</div>


									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">关键字</label>
											<div class="col-sm-3">
												<input type="text" name="keyword" id="keyword2" class="form-control">
											</div>
											<div class="col-sm-6">
												<label class="controls color-block">填写描述及关键字，有助于搜索引擎优化</label>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">排序</label>
											<div class="col-sm-6">
												<input type="text" name="sort" id="sort2" class="form-control">
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">是否进行评论</label>
											<div class="col-lg-9 collabe">
												<label class="labletab"> <input type="radio"
													name="isComments" checked="" value="1"> <span class="text">
														是</span>
												</label> <label class="labletab"> <input type="radio"
													name="isComments" value="0"> <span class="text"> 否</span>
												</label>
											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="col-lg-10 col-sm-10 col-xs-12">
											<label class="col-sm-3 control-label no-padding-right">是否需要审核</label>
											<div class="col-lg-9 collabe">
												<label class="labletab"> <input type="radio"
													name="isAudit" checked="" value="1"> <span class="text">
														是</span>
												</label> <label class="labletab"> <input type="radio"
													name="isAudit" value="0"> <span class="text" > 否</span>
												</label>
											</div>
										</div>
									</div>

									<div class="form-group">
										<a
											class="btn btn-darkorange col-lg-1  col-md-2 col-md-offset-3 col-sm-2 col-lg-offset-4 edit">确认</a>
										<a
											class="btn btn-active  col-lg-1 col-sm-2 col-lg-offset-1 col-md-offset-1 btn-bottm">取消</a>
									</div>
								</form>

							</div>
						</div>
					</div>
				</div>

			</div>

		</div>
	</div>

	<div class="modal fade" id="selectIcon1" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true"
		data-backdrop="static">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<span class="widget-caption">选择图标</span>
				</div>
				<div class="modal-body" style="max-height: 600px; overflow-y: auto;">
					<div id="fontawesome-container">
						<section>
							<h4>表单</h4>
							<div class="row fontawesome-icon-list">
								<div class="fa-hover col-sm-4">
									<i class="fa fa-check-square"></i> fa-check-square
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-check-square-o"></i> fa-check-square-o
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-circle"></i> fa-circle
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-circle-o"></i> fa-circle-o
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-minus-square"></i> fa-minus-square
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-minus-square-o"></i> fa-minus-square-o
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-plus-square"></i> fa-plus-square
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-plus-square-o"></i> fa-plus-square-o
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-square"></i> fa-square
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-square-o"></i> fa-square-o
								</div>
							</div>
							<hr class="wide">
						</section>
						<section>
							<h4>文本编辑</h4>
							<div class="row fontawesome-icon-list">
								<div class="fa-hover col-sm-4">
									<i class="fa fa-align-center"></i> fa-align-center
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-align-justify"></i> fa-align-justify
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-align-left"></i> fa-align-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-align-right"></i> fa-align-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-bold"></i> fa-bold
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-chain"></i> fa-chain
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-chain-broken"></i> fa-chain-broken
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-clipboard"></i> fa-clipboard
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-columns"></i> fa-columns
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-copy"></i> fa-copy
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-cut"></i> fa-cut
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-dedent"></i> fa-dedent
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-eraser"></i> fa-eraser
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-file"></i> fa-file
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-file-o"></i> fa-file-o
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-file-text"></i> fa-file-text
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-file-text-o"></i> fa-file-text-o
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-files-o"></i> fa-files-o
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-floppy-o"></i> fa-floppy-o
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-font"></i> fa-font
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-indent"></i> fa-indent
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-italic"></i> fa-italic
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-link"></i> fa-link
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-list"></i> fa-list
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-list-alt"></i> fa-list-alt
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-list-ol"></i> fa-list-ol
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-list-ul"></i> fa-list-ul
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-outdent"></i> fa-outdent
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-paperclip"></i> fa-paperclip
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-paste"></i> fa-paste
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-repeat"></i> fa-repeat
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-rotate-left"></i> fa-rotate-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-rotate-right"></i> fa-rotate-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-save"></i> fa-save
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-scissors"></i> fa-scissors
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-strikethrough"></i> fa-strikethrough
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-table"></i> fa-table
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-text-height"></i> fa-text-height
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-text-width"></i> fa-text-width
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-th"></i> fa-th
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-th-large"></i> fa-th-large
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-th-list"></i> fa-th-list
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-underline"></i> fa-underline
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-undo"></i> fa-undo
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-unlink"></i> fa-unlink
								</div>
							</div>
							<hr class="wide">
						</section>
						<section>
							<h4>货币</h4>
							<div class="row fontawesome-icon-list">
								<div class="fa-hover col-sm-4">
									<i class="fa fa-bitcoin"></i> fa-bitcoin
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-btc"></i> fa-btc
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-cny"></i> fa-cny
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-dollar"></i> fa-dollar
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-eur"></i> fa-eur
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-euro"></i> fa-euro
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-gbp"></i> fa-gbp
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-inr"></i> fa-inr
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-jpy"></i> fa-jpy
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-krw"></i> fa-krw
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-money"></i> fa-money
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-rmb"></i> fa-rmb
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-rouble"></i> fa-rouble
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-rub"></i> fa-rub
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-ruble"></i> fa-ruble
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-rupee"></i> fa-rupee
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-try"></i> fa-try
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-turkish-lira"></i> fa-turkish-lira
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-usd"></i> fa-usd
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-won"></i> fa-won
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-yen"></i> fa-yen
								</div>
							</div>
							<hr class="wide">
						</section>
						<section>
							<h4>指示方向</h4>
							<div class="row fontawesome-icon-list">
								<div class="fa-hover col-sm-4">
									<i class="fa fa-angle-double-down"></i> fa-angle-double-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-angle-double-left"></i> fa-angle-double-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-angle-double-right"></i> fa-angle-double-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-angle-double-up"></i> fa-angle-double-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-angle-down"></i> fa-angle-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-angle-left"></i> fa-angle-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-angle-right"></i> fa-angle-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-angle-up"></i> fa-angle-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-circle-o-down"></i>
									fa-arrow-circle-o-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-circle-o-left"></i>
									fa-arrow-circle-o-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-circle-o-right"></i>
									fa-arrow-circle-o-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-down"></i> fa-arrow-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-left"></i> fa-arrow-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-right"></i> fa-arrow-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrow-up"></i> fa-arrow-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrows"></i> fa-arrows
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrows-alt"></i> fa-arrows-alt
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrows-h"></i> fa-arrows-h
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrows-v"></i> fa-arrows-v
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-caret-down"></i> fa-caret-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-caret-left"></i> fa-caret-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-caret-right"></i> fa-caret-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-caret-square-o-down"></i>
									fa-caret-square-o-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-caret-square-o-left"></i>
									fa-caret-square-o-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-caret-square-o-right"></i>
									fa-caret-square-o-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-caret-up"></i> fa-caret-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-chevron-circle-down"></i>
									fa-chevron-circle-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-chevron-circle-left"></i>
									fa-chevron-circle-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-chevron-circle-right"></i>
									fa-chevron-circle-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-chevron-down"></i> fa-chevron-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-chevron-left"></i> fa-chevron-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-chevron-right"></i> fa-chevron-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-chevron-up"></i> fa-chevron-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-hand-o-down"></i> fa-hand-o-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-hand-o-left"></i> fa-hand-o-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-hand-o-right"></i> fa-hand-o-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-hand-o-up"></i> fa-hand-o-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-long-arrow-down"></i> fa-long-arrow-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-long-arrow-left"></i> fa-long-arrow-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-long-arrow-right"></i> fa-long-arrow-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-long-arrow-up"></i> fa-long-arrow-up
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-toggle-down"></i> fa-toggle-down
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-toggle-left"></i> fa-toggle-left
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-toggle-right"></i> fa-toggle-right
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-toggle-up"></i> fa-toggle-up
								</div>
							</div>
							<hr class="wide">
						</section>
						<section>
							<h4>视频播放</h4>
							<div class="row fontawesome-icon-list">
								<div class="fa-hover col-sm-4">
									<i class="fa fa-arrows-alt"></i> fa-arrows-alt
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-backward"></i> fa-backward
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-compress"></i> fa-compress
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-eject"></i> fa-eject
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-expand"></i> fa-expand
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-fast-backward"></i> fa-fast-backward
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-fast-forward"></i> fa-fast-forward
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-forward"></i> fa-forward
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-pause"></i> fa-pause
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-play"></i> fa-play
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-play-circle"></i> fa-play-circle
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-play-circle-o"></i> fa-play-circle-o
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-step-backward"></i> fa-step-backward
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-step-forward"></i> fa-step-forward
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-stop"></i> fa-stop
								</div>
								<div class="fa-hover col-sm-4">
									<i class="fa fa-youtube-play"></i> fa-youtube-play
								</div>
							</div>
							<hr class="wide">
						</section>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消
					</button>
					<button type="button" class="btn btn-primary">确定</button>
				</div>
			</div>
		</div>
	</div>

	<!--上级栏目-->
	<div class="modal fade in" aria-hidden="false" id="deparment"
		style="display: none;">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button class="close" type="button" data-dismiss="modal">×</button>
					<h4 class="modal-title">选择栏目</h4>
				</div>
				<div class="modal-body form-horizontal">
					<div id="search" class="form-search">
						<label class="control-label col-lg-4">关键词：</label> <input
							class="form-control" type="text"
							style="width: 200px; display: inline-block;">
						<div style="display: inline-block; margin-left: 10px;">
							<a class="btn btn-primary"><i
								class="glyphicon glyphicon-search"></i>搜索</a>
						</div>
					</div>
					<div class="area-select" style="margin-top: 20px">
						<ul id="tree2" class="ztree col-lg-offset-4"></ul>
					</div>
					<div class="hr-line-dashed"></div>
					<div class="form-group">
						<div class="col-sm-10 col-sm-offset-2">
							<!-- <button class="btn btn-darkorange col-sm-3" >确定</button> -->
							<button class="btn btn-active col-sm-3 col-xs-offset-3 _close">取消</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="${ctx}/dep/moban/js/datetime/bootstrap-datepicker.js"></script>
	<script src="${ctx}/dep/treeTable/jquery.treetable.js"></script>
	<script src="${ctx}/dep/zTreeStyle/jquery.ztree.all.min.js"></script>
	<script type="text/javascript" src="${ctx}/home/wenzhang/js/lanmu.js"></script>
	<script>
		$("#bodyHtml").treetable({
			expandable : true
		});
	</script>
</body>

</html>